﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <!-- Main Css -->
        <link rel="shortcut icon" href="../Content/images/favicon.ico" />
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
    <!-- End Main Css -->
    <!--- Blueprint --->
    <link href="@Url.Content("~/Content/blueprint/print.css")" rel="stylesheet" type="text/css" media="print" />
    <link href="@Url.Content("~/Content/blueprint/screen.css")" rel="stylesheet" type="text/css" media="screen, projection" />
    <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="../../Content/blueprint/ie.css" />
     <![endif]-->
    <link href="@Url.Content("~/Content/blueprint/plugins/fancy-type/screen.css")" rel="stylesheet" type="text/css" />
    <!--- End Blueprint --->
    <!-- Custom Css
    <link href="@Url.Content("~/Content/Custom.css")" rel="stylesheet" type="text/css" media="screen, projection" />  Shrek -->
    <!--- End Custom Css --->
    <!-- Flower Jquery -->
    <script src="@Url.Content("~/Scripts/jquery.tools.min.js")" type="text/javascript"></script>
    <!-- End Flower jquery -->
    <link href="@Url.Content("~/Content/LoginCustom.css")" rel="Stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery.form.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validation.js")" type="text/javascript"></script>
    <script type="text/javascript">
  
        $(document).ready(function () {
            $('#loginform_').validate(
           {
           errorClass: "error_login",
           rules: {
            UserName: "required",
            Password: "required"
        },
           messages:{
           UserName: "*",
           Password: "*",
           },
               submitHandler: function () {
                   submit_login();
               }
           })
        });

        function submit_login() {
            $('#loginstatus').addClass('success').html('<img src="../Content/images/ajax-loader.gif"></img>');
            $('#loginform_').ajaxSubmit(
        function (response) {
            var json = JSON.parse(response);
       
            if (json == true) {
                window.location.href = "/Home/Index";
            }
            else {
                $('#loginstatus').removeClass('success').html('');
                $('#loginstatus').addClass('error').text('Invalid Username or Password');
            }
        })
        }
    </script>
</head>
<body id="bodycontainer">
    <!--    <div class="topbar">
         <div class="fill">
            <div class="container">
                <a class="brand" href="#"></a>
            </div>
         </div>
    </div> -->
    <!-- CONTAINER --->
    <div class="navigation">
        <div class="container">
            <div class="span-8 prepend-1">
                <div class="span-10 " id="logoContent_">
                    <img src="../Content/images/Logo.png" height="35px" width="150px" alt="FilStartUps" />
                </div>
            </div>
        </div>
    </div>
    <div id="shadow">
    </div>
    <div class="container" style="min-height: 400px">
        <div class="subpage">
            <div id="tabs_bar">
                <div class="cms">
                    Content Management System</div>
            </div>
            <div style="height: 10px">
            </div>
            @RenderBody()
        </div>
    </div>
    <!-- FOOTER --->
    <div class="container">
        <div class=" span-22 prepend-1 last" id="footer">
            <div class="span-8 left" style="padding-top: 10px">
                Filstartups Content Management System
            </div>
            <div class="span-6 right" style="padding-top: 10px">
                <p>
                    &copy; 2011 Purplebug, Inc. All rights reserved.</p>
            </div>
        </div>
    </div>
    <!--- END FOOTER ---->
</body>
</html>
